<template>
    <div class="new_goods">
        <c-title
        :num="num"
        >
            <template v-slot:title>
                促销单品
            </template>
           
        </c-title>
        <ul class="list">
            <li
                v-for="item in benefit" :key="item.id"
            >
                <a >
                    <goods-item1
                    :id="item.id"
                    :cate_id="item.cate_id"
                    :image="item.image"
                    :price="item.price"
                    :ot_price="item.price"
                    :stock="item.stock"
                    :store_name="item.store_name"
                    ></goods-item1>
                </a>
            </li>
        </ul>
    </div>
</template>

<script>
import CTitle from "@/components/ctitle/CTitle.vue";
import GoodsItem1 from "@/components/goods/GoodsItem1.vue"
export default {
    data(){
        return{
             num:4
        }
       
    },
    components:{
        CTitle,
        GoodsItem1
    },
    props:{
        benefit:{
            type:Array
        }
    }
}
</script>

<style lang="scss" scoped>
.new_goods{
    background-color: #fff;
}
.list{
    li{
        padding: 12px 15px;
    }
}
</style>

